<script>
  export let size = "18px";
  export let primaryColor = "#3524C7";
  export let secondaryColor = "#9CABFF";
</script>

<svg
  xmlns="http://www.w3.org/2000/svg"
  width={size}
  height={size}
  viewBox="0 0 18 18"
  fill="none"
>
  <path
    d="M4.5 10.5C4.5 10.2929 4.66789 10.125 4.875 10.125H6.375C6.58211 10.125 6.75 10.2929 6.75 10.5V13.875C6.75 14.0821 6.58211 14.25 6.375 14.25H4.875C4.66789 14.25 4.5 14.0821 4.5 13.875V10.5Z"
    fill={primaryColor}
  />
  <path
    d="M8.25 9C8.25 8.79289 8.41789 8.625 8.625 8.625H10.125C10.3321 8.625 10.5 8.79289 10.5 9V13.875C10.5 14.0821 10.3321 14.25 10.125 14.25H8.625C8.41789 14.25 8.25 14.0821 8.25 13.875V9Z"
    fill={primaryColor}
  />
  <path
    d="M12 11.25C12 11.0429 12.1679 10.875 12.375 10.875H13.875C14.0821 10.875 14.25 11.0429 14.25 11.25V13.875C14.25 14.0821 14.0821 14.25 13.875 14.25H12.375C12.1679 14.25 12 14.0821 12 13.875V11.25Z"
    fill={primaryColor}
  />

  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M9.04672 4.50171L15.8821 11.3371C16.0286 11.4835 16.0286 11.721 15.8821 11.8674L15.6169 12.1326C15.4705 12.279 15.2331 12.279 15.0866 12.1326L8.95234 5.99831L6.02515 8.26745L2.32942 6.39224C2.14473 6.29853 2.07098 6.07284 2.16469 5.88815L2.33437 5.55373C2.42808 5.36904 2.65378 5.29529 2.83847 5.389L5.89891 6.94187L9.04672 4.50171Z"
    fill={secondaryColor}
  />

  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M1.5 15V2.625C1.5 2.41789 1.66789 2.25 1.875 2.25H2.25C2.45711 2.25 2.625 2.41789 2.625 2.625V15H1.5Z"
    fill={primaryColor}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M16.5 14.625C16.5 14.8321 16.3321 15 16.125 15H2.25V13.875H16.125C16.3321 13.875 16.5 14.0429 16.5 14.25V14.625Z"
    fill={primaryColor}
  />
</svg>
